<?php
    include '../header.php';
?>
        
        <title>
            Kinet | Notificaciones
        </title>
        <style>
            .notificacion {
                width:100%;
                margin:20px;
                margin:0 auto;
                border-bottom:silver solid 1px;
                float:left;
                position:relative;
                -webkit-transition-property: background;
                -webkit-transition-duration: .5s;
                -webkit-transition-timing-function: ease;
                -moz-transition-property: background;
                -moz-transition-duration: 1s;
                -moz-transition-timing-function: ease;
            }
            
            .notificacion:hover {
                background-color:#eff1ff;
            }
            
            .descripcionNotificacion {
                float:left;
                margin:15px 0 0px 0;
                /*width:calc(100% - 80px);*/
                color:black
            }
            
            .descripcionNotificacion > form > a {
                color: #444444;
                -webkit-transition-property: color;
                -webkit-transition-duration: .5s;
                -webkit-transition-timing-function: ease;
                -moz-transition-property: color;
                -moz-transition-duration: 1s;
                -moz-transition-timing-function: ease;
            }
            
            .descripcionNotificacion > form > a:hover {
                color:#5789ae;
                text-decoration:none;
            }
            .eliminar {
                color:whitesmoke;
                padding:10px;
                -webkit-transition-property: color;
                -webkit-transition-duration: .5s;
                -webkit-transition-timing-function: ease;
                -moz-transition-property: color;
                -moz-transition-duration: 1s;
                -moz-transition-timing-function: ease;
            }

            .eliminar:hover {
                color:red;
            }
        </style>
    </head>
    <body>
        <?php include '../menus/menuUsuario.php'; 
//        include '../logic/funcionesChachis.php';?>
        
        <div id="principal">
            
            <?php include 'pestanasUsuarios.php';?>
            
            <?php
               if ( $Solicitudes = obtenerSolicitudesContacto($_SESSION['uid'])) { ?>
                <div class='cartel' style="position:relative;margin-top:10px;">
                    Solicitudes de conctacto
                    <div class="aspa" id="eliminar" style="margin:12px;padding:1px 0 0 1px" onclick="document.eliminarSolicitudesContacto.submit()">
                        <i class="glyphicon glyphicon-remove"></i>
                    </div>
                </div>
            <div style="width:100%;margin:0 auto;"> 
                <?php if(!isset($_GET['pagina'])) {
                        $_GET['pagina'] = 1;
                    }
                    $resPorPagina=10;
                    $resultados = paginar(count($Solicitudes), $resPorPagina, $_GET['pagina']); //número total de resultados, resultados por página, número de página
       
                    $i = $resultados['i'];
                    while ($i < $resultados['max']) { ?>
                    <div class="notificacion">
                        <div style="float:left;margin:10px;">
                            <img class="thumb" style="width:50px;height:auto" src="../<?php echo $Solicitudes[$i]['foto'] ?>">
                        </div>
                        <div class="descripcionNotificacion">
                            <form name="perfil<?php echo $i ?>" method="post" action="perfil.php">
                                <?php if (sonContacto($Solicitudes[$i]['idUsuario'], $_SESSION['uid'])) { 
                                    if ($Solicitudes[$i]['nueva'] == 0) {
                                        echo "<a href='perfil.php?uid=".$Solicitudes[$i]['idUsuario']."'>".$Solicitudes[$i]['nombre']." ".$Solicitudes[$i]['apellidos']." </a> ha sido añadida a tu red de contactos."; 
                                        
                                    } else {
                                        echo "<a href='perfil.php?uid=".$Solicitudes[$i]['idUsuario']."'>".$Solicitudes[$i]['nombre']." ".$Solicitudes[$i]['apellidos']."</a> ha sido añadida a tu red de contactos. "."<span class='badge badge-important' style='background-color:red;border-radius:0;'>NUEVA</span>"; 
//                                        echo $Solicitudes[$i]['mensaje']." <div style='float:right'><span class='badge badge-important' style='background-color:red;border-radius:0;'>NUEVA</span></div>";
                                    }
                                } else {
                                    if ($Solicitudes[$i]['nueva'] == 0) {
                                        echo "<a href='perfil.php?uid=".$Solicitudes[$i]['idUsuario']."'>".$Solicitudes[$i]['nombre']." ".$Solicitudes[$i]['apellidos']."</a> quiere añadirte a su red de contactos.";
                                    } else {
                                        echo "<a href='perfil.php?uid=".$Solicitudes[$i]['idUsuario']."'>".$Solicitudes[$i]['nombre']." ".$Solicitudes[$i]['apellidos']."</a> quiere añadirte a su red de contactos. "."<span class='badge badge-important' style='background-color:red;border-radius:0;'>NUEVA</span>";
//                                        echo $Solicitudes[$i]['mensaje']." <div style=''><span class='badge badge-important' style='background-color:red;border-radius:0;'>NUEVA</span></div>";
                                        //ponemos el bit de nueva a 0, ya que la hemos visto
                                    }
                                }
                                ?>
                                <input type="hidden" value="<?php echo $Solicitudes[$i]['idUsuarioOrigen'] ?>" name="uid">
                            </form>
                        </div>
                        <div style="float:right;">
                            <a href="#" onclick="javascript:document.eliminarSolicitudContacto<?php echo $i ?>.submit();" title="Borrar notificación"><i class="glyphicon glyphicon-remove eliminar" ></i></a>
                        </div>
                        <div style="font-size:12px;color:gray;position:absolute;bottom:15px;left:70px;width:100%;">
                            el <?php echo formatoFecha($Solicitudes[$i]['fecha']) ?> a las <?php echo formatoHora($Solicitudes[$i]['fecha']) ?>
                        </div>
                        <div style="width:0;height:0">
                            <form method="post" name="eliminarSolicitudContacto<?php echo $i ?>" action="../logic/eliminarSolicitudesContacto.php">
                                <input type="hidden" name="sid" value="<?php echo $Solicitudes[$i]['idSolicitudesContacto'] ?>">
                                <!--<input type="hidden" name="uid" value="<?php // echo $Solicitudes[$i]['idUsuarioSolicitante'] ?>">-->
                            </form>
                            <form method="post" name="aceptarContacto<?php echo $i ?>" action="../logic/aceptarContacto.php">
                                <input type="hidden" name="uid" value="<?php echo $Solicitudes[$i]['idUsuarioSolicitante'] ?>">
                            </form>
                            
                            <form method="post" name="rechazarContacto<?php echo $i ?>" action="../logic/rechazarContacto.php">
                                <input type="hidden" name="sid" value="<?php echo $Solicitudes[$i]['idSolicitudesContacto'] ?>">
                                <input type="hidden" name="uid" value="<?php echo $Solicitudes[$i]['idUsuarioSolicitante'] ?>">
                            </form>
                        </div>
                        <div style="float:right">
                            <?php if (!sonContacto($Solicitudes[$i]['idUsuario'], $_SESSION['uid'])) { ?>
                                <button class="btn btn-info boton" style="width:50px;font-weight:bold" onClick="javascript:document.aceptarContacto<?php echo $i ?>.submit()" title="Aceptar solicitud">Si</button>
                                <button class="btn btn-danger boton" style="width:50px;font-weight:bold" onClick="javascript:document.rechazarContacto<?php echo $i ?>.submit()" title="Rechazar solicitud">No</button>
                            <?php } ?>
                        </div>
                        <div style="clear: both"></div>
                    </div>
                <?php $i++; 
                
                 } ?>
            <div style="width:100%;text-align:center">
                <?php if (count($Solicitudes) > $resPorPagina) { ?>
                    <ul class="pagination">
                        <?php if ($_GET['pagina'] == 1) { ?>
                            <li><a href="#">&laquo;</a></li>
                        <?php } else { ?>
                            <li><a href="notificaciones.php?pagina=<?php echo $_GET['pagina']-1 ?>">&laquo;</a></li>
                        <?php }
                        for ($in = 0 ; $in < (count($Solicitudes)/$resPorPagina) ; $in++) { ?>
                            <?php if ($in+1 == $_GET['pagina']) { ?>
                                <li class="active"><a href="#"><?php echo $in+1 ?></a></li>
                            <?php } else { ?>
                                <li><a href="notificaciones.php?pagina=<?php echo $in+1 ?>"><?php echo $in+1 ?></a></li>
                            <?php } ?>
                        <?php }?>
                        
                        <?php if ($_GET['pagina'] >= (count($Solicitudes)/$resPorPagina)) { ?>
                            <li><a href="#">&raquo;</a></li>
                        <?php } else { ?>
                            <li><a href="notificaciones.php?pagina=<?php echo $_GET['pagina']+1 ?>">&raquo;</a></li>
                        <?php } ?>
                        
                    </ul>
                <?php }
               } else { ?>
                    <div class='cartel' style="position:relative;margin-top:10px;">
                        Solicitudes de conctacto
                    </div>
                    <div style="padding:10px;text-align:center">
                        No existen solicitudes de contacto
                    </div>
                <?php }?>
                
                <form method="post" name="eliminarSolicitudesContacto" action="../logic/eliminarTodasSolicitudesContacto.php"></form>   
                </div>
            </div>   
        </div>
        <?php include '../footer.php';  ?>
        
        <script language="javascript">
            $(document).ready(function(){
                 $("#eliminar").tooltip({ placement: 'left', html : true, trigger:'hover', title: 'Eliminar todas'});
            });
        </script>
    </body>
</html>